<template>
    <div class="content" style="position: relative;">
        <div class="header" style="height: 80px;">
            <p>首页/系统配置/收费配置</p>
            <div style="display: flex;justify-content: flex-end">
                <div>1</div>
                <div>2</div>
            </div>
        </div>
        <div>
            <div class="body1" style="position: absolute;top: 80px;bottom: 0px;left: 0px;width: 300px">body1</div>
            <div class="body2" style="position: absolute;top: 80px;left: 300px;width: 350px;height: 40%">
                body2
            </div>
            <div class="body3" style="position: absolute;top: 80px;left: 650px;height: 40%;width: auto">body3</div>
            <div class="body4" style="position: absolute;left: 300px;bottom: 0px;right: 0px;">body4
            </div>
        </div>
    </div>
</template>

<script>
</script>

<style>
    .content {
        width: 100%;
        height: 100%;
    }

    .content div {
        border: 1px solid #2ACD60;
    }
</style>
